<script setup lang="ts">
defineProps({
  list: {
    type: Array<{
      id: string
      title: string
      describe: string
      time: string
      image: string
    }>,
    default: () => [
      {
        id: '1',
        title: '课程标题',
        describe: '这是一段描述的话水水水水水水水，测试',
        time: '2024-01-01',
        image:
          'https://ts1.cn.mm.bing.net/th/id/R-C.c4a61dd4df197e12055eba611b9e6337?rik=mWmkGXADBB2hUA&riu=http%3a%2f%2fimg95.699pic.com%2fphoto%2f50066%2f7706.jpg_wh860.jpg&ehk=Dm%2bzKOFKX31KRvQbuTlKw77nJQBu7lxDn7J%2bn0YiyJg%3d&risl=&pid=ImgRaw&r=0',
      },
      {
        id: '2',
        title: '课程标题',
        describe: '这是一段描述的话水水水水水水水，测试',
        time: '2024-01-01',
        image: 'https://img95.699pic.com/photo/40168/8382.jpg_wh860.jpg',
      },
      {
        id: '3',
        title: '课程标题',
        describe: '这是一段描述的话水水水水水水水，测试',
        time: '2024-01-01',
        image: 'https://pic.ibaotu.com/00/94/62/35x888piC6c4.jpg-0.jpg!fw700',
      },
      {
        id: '4',
        title: '课程标题',
        describe: '这是一段描述的话水水水水水水水，测试',
        time: '2024-01-01',
        image:
          'https://img95.699pic.com/desgin_photo/40178/9001_detail.jpg!detail860/fw/820/crop/0x0a0a1309/quality/90',
      },
    ],
  },
})
</script>

<template>
  <view class="list">
    <view class="item" v-for="{ id, title, image, describe, time } in list" :key="id">
      <navigator url="/pagesMember/details/details">
        <image class="item-image" :src="image" />
      </navigator>
      <view class="item-content">
        <view class="item-content-title">
          <text class="item-title">{{ title }}</text>
          <text class="item-time">{{ time }}</text>
        </view>
        <view class="item-describe">{{ describe }}</view>
      </view>
    </view>
  </view>
</template>

<style scoped lang="scss">
@import './styles/NVideoList.scss';
</style>
